<template>
    <div style="background-color: cornflowerblue;">
        <h3>子组件</h3>
        <p>{{ name }}</p>
        <p>{{ age }}</p>
        <p>{{ gender }}</p>
    </div>
</template>

<script setup>
const { name,age,gender='女'} = defineProps(['name','age','gender']);
console.log(name);
console.log(age);
console.log(gender);



</script>

<style lang="scss" scoped>

</style>